<!DOCTYPE HTML>
<html xml:lang="zh-CN">

<head>
    <meta http-equiv="X-UA-Compatible" content="IE=Edge">
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
    <title>{$headConfig['title']}</title>
    <meta name="viewport" content="width=1226" />
    <link rel="shortcut icon" href="__PUBLIC__/Home/images/logo.ico" type="image/x-icon" />
    <link rel="icon" href="__PUBLIC__/Home/images/logo.ico" type="image/x-icon" />
    <link rel="stylesheet" href="__PUBLIC__/Home/css/base.min.css" />
    <link rel="stylesheet" type="text/css" href="__PUBLIC__/Home/css/buy-choose.min.css" />
    <script src="__PUBLIC__/Admin/js/jquery.min.js"></script>
    <script type="text/javascript">
        var _head_over_time = (new Date()).getTime();
    </script>
</head>

<body>
<div class="site-header site-mini-header">
    <div class="container">
        <div class="header-logo">
            <a class="logo ir" href="{:u('home/index/index')}" title="小麦官网">小麦官网</a>
        </div>
        <div class="header-title" id="J_miniHeaderTitle"></div>

        <if condition="isset($user)">
            <div class="topbar-info" id="J_userInfo">
			<span class="user">
				<a rel="nofollow" class="user-name" href="{:u('home/user/index')}" target="_blank">
                    <span class="name">{$user['uname']}</span>
                </a>
				<ul class="user-menu">
                    <li><a class="home-user" rel="nofollow" href="{:u('home/user/index')}" target="_blank">个人中心</a></li>
                    <li><a class="home-user" rel="nofollow" href="{:u('home/user/loginOut')}">退出登录</a></li>
                </ul>
			</span>
                <script>
                    $(function(){
                        $(".user").hover(function(){
                            $(".user-name").css({'color':'#ff6700','background':'#fff'});
                            $(".user-menu").stop().slideDown();
                        },function(){
                            $(".user-name").css({'color':'#757575','background':'transparent'});
                            $(".user-menu").stop().slideUp();
                        });
                    })
                </script>
                <span class="sep">|</span>
                <a rel="nofollow" class="link link-order" href="{:u('home/user/order')}" target="_blank">我的订单</a>
            </div>
            <else />
            <div class="topbar-info" id="J_userInfo">
                <a rel="nofollow" class="link" href="{:U('home/user/login')}" data-needlogin="true">登录</a><span class="sep">|</span>
                <a rel="nofollow" class="link" href="{:U('home/user/register')}">注册</a>
            </div>
        </if>

    </div>
</div>
<!-- .site-mini-header END -->
<div class="container breadcrumbs">
</div>

<div class="container hide">
    <div class="xm-phone-menu">
        <ul class="clearfix">
            <li>
                <a href="">
                    <img src="//c1.mifile.cn/f/i/2014/cn/buyphone/compare-title-all.png" alt="" />
                    <span>对比手机</span>
                </a>
            </li>
        </ul>
    </div>
</div>

<style>
    .msg-bd font {
        display: none;
    }
</style>


<div class="container buy-choose-box">

    <div class="bd">
        <div class="pro-choose-main clearfix" id="J_chooseMain">
            <div class="pro-view">
                <img src="__ROOT__/{$goodsData['glist']}" alt="" id="J_proImg">
            </div>
            <div class="pro-info">
                <div class="pro-title clearfix">
                    <h1>
                        <span class="pro-name J_proDesc">{$goodsData['gname']}</span>
                        <span class="pro-price J_proPrice">{$goodsData['xmprice']}</span>
                    </h1>
                    <a href="#" class="pro-more hide" target="_blank" id="J_proMore">深入了解产品&gt;</a>
                </div>
                <div id="J_proStep">
                    <foreach name="arr" item="v" key="k">
                    <div class="pro-choose-step J_step" data-index="1">
                        <div class="step-title"> {$v['name']}
                            <i class="pro-version-desc-icon">!</i>
                            <span class="pro-version-desc J_verDesc" data-index="1"></span>
                        </div>
                        <ul class="step-list clearfix J_stepList J_linksign-customize">
                            <volist name="v['value']" id="vo">
                            <li class="J_stepItem" data-index="1" taname="{$v['name']}" gaid="{$vo['gaid']}">  {$vo['gattr']}  </li>
                            </volist>
                        </ul>
                    </div>
                    </foreach>
                </div>
                <div class="choose-result-msg" id="J_chooseResultMsg">
                    <span class="msg-tit">您选择了以下产品:</span>
                    <p class="msg-bd"></p>
                </div>
                <div class="pro-choose-result hide" id="J_chooseResult">
                    <a href="javascript:void(0);" class="btn btn-primary" id="J_proBuyBtn"> 立即购买 </a>
                    <span class="inventory"></span>
                </div>
                <div class="pro-choose-result" id="J_chooseResultInit">
                    <a href="javascript:void(0);" class="btn btn-dakeLight">下一步</a>
                    <!-- <span class="next-desc">请选择商品</span> -->
                    <span class="inventory"></span>
                </div>
                <script>
                    $(function(){
                        $(".J_stepItem").click(function(){
                            $(this).addClass("active").siblings().removeClass("active");
                            if($(".step-list").length == $(".active").length){
                                var groupid = '';
                                $(".active").each(function(){
                                    groupid += $(this).attr("gaid") + "|";
                                });
                                var gid = "{$_GET['gid']}";
                                $.post("{:u('home/content/getGlinventory')}",{gid:gid,groupid:groupid},function(res){
                                    if(res.valid){
                                        $("#J_chooseResult").removeClass("hide");
                                        $("#J_chooseResultInit").addClass("hide");
                                    }else{
                                        $("#J_chooseResult").addClass("hide");
                                        $("#J_chooseResultInit").removeClass("hide");
                                    }
                                    $(".inventory").text("库存: "+res.inventory);
                                },'json');
                            }
                        });
                        $("#J_proBuyBtn").click(function(){
                            var gid = "{$_GET['gid']}";
                            var gattr = {};
                            $(".active").each(function(){
                                gattr[$(this).attr('taname')] = $(this).text();
                            });
                            $.post("{:u('home/content/addCart')}",{gid:gid,gattr:gattr},function(){
                                location.href = "{:u('home/cart/index')}";
                            },'json');
                        });
                    })
                </script>
            </div>
            <!-- pro-info END -->
        </div>
        <!-- pro-choose_main End-->
    </div>
    <!-- bd END -->
</div>
<!-- buy-choose-box END -->

<div class="main-pro-box" id="J_proDetailBox">

    <div class="pro-detail-box"></div>
    <!-- 配件商品推荐模版 -->
    <div class="section section-recommend" id="J_recommendGoods">
        <div class="container">
        </div>
    </div>
</div>

<!-- bar -->
<div class="header-bar" id="J_headerBar">
    <div class="container">
        <span class="pro-desc" id="J_headerBarDesc"></span>
        <a href="javascript:void(0)" class="btn btn-primary">立即购买</a>
    </div>
</div>

<!-- 视频 弹窗 -->
<div class="modal modal-hide fade modal-video" id="J_showVideo">
    <span data-dismiss="modal" aria-hidden="true" class="close"><i class="iconfont">&#xe602;</i></span>
    <div class="modal-header">
        <h3>&nbsp;</h3>
    </div>
    <div class="modal-body"></div>
</div>

<div class="modal in modal-hide modal-baoxian" id="baoxian">
    <div class="modal-header">
        <h3>小米手机意外保障服务</h3>
        <span class="close" data-dismiss="modal"><i class="iconfont">&#xe602;</i></span>
    </div>
    <div class="modal-body">
        <div class="con-1">
            <h4>购买保购障服务的手机在意外受损时可获得免费维修</h4>
            <ul class="icon-list clearfix">
                <li>
                    <span class="icon icon-1"></span> 屏幕碎裂免费换新屏
                </li>
                <li>
                    <span class="icon icon-2"></span> 进水、摔落免费修
                </li>
                <li>
                    <span class="icon icon-3"></span> 修好为止
                </li>
            </ul>
            <dl class="xuzhi">
                <dt>为保障您的权益，购买前请仔细阅读：</dt>
                <dd>· 本保障服务目前仅适用于小米手机用户，仅可随手机一起在线购买。</dd>
                <dd>· 本保障服务自您收到手机起生效，有效期为一年，若您在收到手机7日内需要取消保障服务，请连同手机一起申请退货。</dd>
                <dd>· 故意行为导致的手机损坏以及盗窃、抢劫、遗失手机等不在服务保障范围内（具体以小米手机意外保障服务条款为准）。<br>
                    <a href="//cart.mi.com/static/insuranceAgreement.php?type=" target="_blank" class="J_baoxianMore">了解《小米手机意外保障服务》详细条款></a>
                </dd>
            </dl>
        </div>
    </div>
    <div class="modal-footer clearfix">
        <a class="btn btn-primary" data-dismiss="modal" aria-hidden="true">确认</a>
    </div>
</div>

<div class="modal fade  modal-hide modal-bigtap-tip" id="J_modalBigtapTip">
    <div class="modal-header">
        <h3>温馨提示</h3>
        <span class="close" data-dismiss="modal"><i class="iconfont">&#xe602;</i></span>
    </div>
    <div class="modal-body">

    </div>
    <div class="modal-footer clearfix">
        <a class="btn btn-primary" data-dismiss="modal" aria-hidden="true">确定</a>
    </div>
</div>

<div class="site-footer">
    <div class="container">
        <div class="footer-service">
            <ul class="list-service clearfix">
                <li>
                    <a rel="nofollow" href="//www.mi.com/static/fast/" target="_blank"><i class="iconfont">&#xe634;</i>预约维修服务</a>
                </li>
                <li>
                    <a rel="nofollow" href="//www.mi.com/service/exchange#back" target="_blank"><i class="iconfont">&#xe635;</i>7天无理由退货</a>
                </li>
                <li>
                    <a rel="nofollow" href="//www.mi.com/service/exchange#free" target="_blank"><i class="iconfont">&#xe636;</i>15天免费换货</a>
                </li>
                <li>
                    <a rel="nofollow" href="//www.mi.com/service/exchange#mail" target="_blank"><i class="iconfont">&#xe638;</i>满150元包邮</a>
                </li>
                <li>
                    <a rel="nofollow" href="//www.mi.com/static/maintainlocation/" target="_blank"><i class="iconfont">&#xe637;</i>520余家售后网点</a>
                </li>
            </ul>
        </div>
        <div class="footer-links clearfix">

            <dl class="col-links col-links-first">
                <dt>帮助中心</dt>

                <dd>
                    <a rel="nofollow" href="//www.mi.com/service/account/register/" target="_blank">账户管理</a>
                </dd>

                <dd>
                    <a rel="nofollow" href="//www.mi.com/service/buy/buytime/" target="_blank">购物指南</a>
                </dd>

                <dd>
                    <a rel="nofollow" href="//www.mi.com/service/order/sendprogress/" target="_blank">订单操作</a>
                </dd>

            </dl>

            <dl class="col-links ">
                <dt>服务支持</dt>

                <dd>
                    <a rel="nofollow" href="//www.mi.com/service/exchange" target="_blank">售后政策</a>
                </dd>

                <dd>
                    <a rel="nofollow" href="http://fuwu.mi.com/" target="_blank">自助服务</a>
                </dd>

                <dd>
                    <a rel="nofollow" href="http://xiazai.mi.com/" target="_blank">相关下载</a>
                </dd>

            </dl>

            <dl class="col-links ">
                <dt>线下门店</dt>

                <dd>
                    <a rel="nofollow" href="//www.mi.com/c/xiaomizhijia/" target="_blank">小米之家</a>
                </dd>

                <dd>
                    <a rel="nofollow" href="//www.mi.com/static/maintainlocation/" target="_blank">服务网点</a>
                </dd>

                <dd>
                    <a rel="nofollow" href="//www.mi.com/static/familyLocation/" target="_blank">零售网点</a>
                </dd>

            </dl>

            <dl class="col-links ">
                <dt>关于小米</dt>

                <dd>
                    <a rel="nofollow" href="//www.mi.com/about" target="_blank">了解小米</a>
                </dd>

                <dd>
                    <a rel="nofollow" href="http://hr.xiaomi.com/" target="_blank">加入小米</a>
                </dd>

                <dd>
                    <a rel="nofollow" href="//www.mi.com/about/contact" target="_blank">联系我们</a>
                </dd>

            </dl>

            <dl class="col-links ">
                <dt>关注我们</dt>

                <dd>
                    <a rel="nofollow" href="http://weibo.com/xiaomishangcheng" target="_blank">新浪微博</a>
                </dd>

                <dd>
                    <a rel="nofollow" href="http://xiaoqu.qq.com/mobile/share/index.html?url=http%3A%2F%2Fxiaoqu.qq.com%2Fmobile%2Fbarindex.html%3Fwebview%3D1%26type%3D%26source%3Dindex%26_lv%3D25741%26sid%3D%26_wv%3D5123%26_bid%3D128%26%23bid%3D10525%26from%3Dwechat" target="_blank">小米部落</a>
                </dd>

                <dd>
                    <a rel="nofollow" href="#J_modalWeixin" data-toggle="modal">官方微信</a>
                </dd>

            </dl>

            <dl class="col-links ">
                <dt>特色服务</dt>

                <dd>
                    <a rel="nofollow" href="//order.mi.com/queue/f2code" target="_blank">F 码通道</a>
                </dd>

                <dd>
                    <a rel="nofollow" href="//www.mi.com/giftcode/" target="_blank">礼物码</a>
                </dd>

                <dd>
                    <a rel="nofollow" href="//order.mi.com/misc/checkitem" target="_blank">防伪查询</a>
                </dd>

            </dl>

            <div class="col-contact">
                <p class="phone">400-100-5678</p>
                <p>
							<span class="J_serviceTime-normal" style="
">周一至周日 8:00-18:00</span>
                    <span class="J_serviceTime-holiday" style="display:none;">1月27日至2月2日服务时间 9:00-18:00</span><br>（仅收市话费）</p>
                <a rel="nofollow" class="btn btn-line-primary btn-small" href="//www.mi.com/service/contact" target="_blank"><i class="iconfont">&#xe600;</i> 24小时在线客服</a>
            </div>
        </div>
    </div>
</div>
<div class="site-info">
    <div class="container">
        <div class="info-text">
            <p>
                <a rel="nofollow" href="//www.mi.com/index.html" target="_blank">小麦商城</a><span class="sep">|</span>
                <a rel="nofollow" href="http://www.miui.com/" target="_blank">MIUI</a><span class="sep">|</span>
                <a rel="nofollow" href="http://www.miliao.com/" target="_blank">米聊</a><span class="sep">|</span>
                <a rel="nofollow" href="http://www.duokan.com/" target="_blank">多看书城</a><span class="sep">|</span>
                <a rel="nofollow" href="http://www.miwifi.com/" target="_blank">小米路由器</a><span class="sep">|</span>
                <a rel="nofollow" href="http://call.mi.com/" target="_blank">视频电话</a><span class="sep">|</span>
                <a rel="nofollow" href="http://tuan.qiye.mi.com/" target="_blank">企业团购</a><span class="sep">|</span>
                <a rel="nofollow" href="http://xiaomi.tmall.com/" target="_blank">小米天猫店</a><span class="sep">|</span>
                <a rel="nofollow" href="http://shop115048570.taobao.com" target="_blank">小米淘宝直营店</a><span class="sep">|</span>
                <a rel="nofollow" href="http://union.mi.com/" target="_blank">小米网盟</a><span class="sep">|</span>
                <a rel="nofollow" href="//www.mi.com/mimobile/" target="_blank">小米移动</a><span class="sep">|</span>
                <a rel="nofollow" href="#J_modal-globalSites" data-toggle="modal">Select Region</a>
            </p>
            <p>&copy;
                <a href="//www.mi.com/" target="_blank" title="mi.com">mi.com</a> 京ICP证110507号
                <a href="http://www.miitbeian.gov.cn/" target="_blank" rel="nofollow">京ICP备10046444号</a>
                <a rel="nofollow" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010802020134" target="_blank">京公网安备11010802020134号 </a>
                <a rel="nofollow" href="//c1.mifile.cn/f/i/2013/cn/jingwangwen.jpg" target="_blank" rel="nofollow">京网文[2014]0059-0009号</a>

                <br> 违法和不良信息举报电话：185-0130-1238，本网站所列数据，除特殊说明，所有数据均出自我司实验室测试</p>
        </div>
        <div class="info-links">
            <a rel="nofollow" href="//privacy.truste.com/privacy-seal/validation?rid=4fc28a8c-6822-4980-9c4b-9fdc69b94eb8&lang=zh-cn" target="_blank"><img src="//c1.mifile.cn/f/i/17/site/truste.png" alt="TRUSTe Privacy Certification" /></a>
            <a rel="nofollow" href="//search.szfw.org/cert/l/CX20120926001783002010" target="_blank"><img src="//s01.mifile.cn/i/v-logo-2.png" alt="诚信网站" /></a>
            <a rel="nofollow" href="https://ss.knet.cn/verifyseal.dll?sn=e12033011010015771301369&ct=df&pa=461082" target="_blank"><img src="//s01.mifile.cn/i/v-logo-1.png" alt="可信网站" /></a>
            <a rel="nofollow" href="http://www.315online.com.cn/member/315140007.html" target="_blank"><img src="//s01.mifile.cn/i/v-logo-3.png" alt="网上交易保障中心" /></a>
        </div>
    </div>
    <div class="slogan ir">探索黑科技，小米为发烧而生</div>
</div>

<script src="__PUBLIC__/Home/js//base.min.js"></script>
<script src="__PUBLIC__/Home/js/xmsg_ti.js"></script>
<script type="text/javascript" src="__PUBLIC__/Home/js/buyChoose.min.js"></script>
</body>

</html>


